<template>
    <van-swipe :autoplay="3000">
    <van-swipe-item v-for="(item, index) in banner" :key="index">
      <a :href="item.link">
          <img v-lazy="item.image" @load="imgLoader"/>
      </a>
    </van-swipe-item>
  </van-swipe>
</template>

<script>
  export default {
    name:'HomeSwiper',
    props:{
      banner:{
        type:Array,
        default:()=>{
          return []
        }
      }
    },
    data () {
      return {
        isLoad:false
      };
    },

    components:{},

    methods:{
      imgLoader(){
        if(!this.isLoad){
          setTimeout(() => { //如果不用setTimeout，有时候会有每张图片的高度不一致的效果，所以取最后一张图，，setTimoout会自动放在window方法的最下面，不管延迟是否为0还是其他
            this.$emit("swiperImgLoader")
            this.isLoad = !this.isLoad
          }, 0);
          
        }
      
      }
    },

    created(){}
  }
</script>

<style lang='scss' scoped>
  
</style>